<%@taglib prefix="footer" tagdir="/WEB-INF/tags/footer" %>
<%@taglib prefix="info" tagdir="/WEB-INF/tags/informacoes" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="pt" xml:lang="BR">

	<head>
		<meta name="author" content="Regis Rocha"/>
		<meta name="email" content="RegisRocha3@gmail.com"/>
		<meta name="keywords" content="<fmt:message key="meta.keywords"/>"/>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="description" content="<fmt:message key="meta.description"/>"/>
		
		<!-- css da aplicacao -->
		<link href="<c:url value="/css/index/index.css"/>" rel="stylesheet" type="text/css" media="screen" > </link>
		<link href="<c:url value="/css/header/header.css"/>" rel="stylesheet" type="text/css" media="screen" > </link>
		<link href="<c:url value="/css/footer/footer.css"/>" rel="stylesheet" type="text/css" media="screen" > </link>
		<link href="<c:url value="/css/principal/principal.css"/>" rel="stylesheet" type="text/css" media="screen" > </link>
		<link href="<c:url value="/css/web_components/web_components.css"/>" rel="stylesheet" type="text/css" media="screen" > </link>
		
		<!-- css biblioteca-->
		<link href="<c:url value="/jquery/css/cupertino/jquery-ui-1.9.1.custom.css"/>" rel="stylesheet" type="text/css" media="screen" > </link>
		
		<!-- biblioteca javascript -->
		<script src="<c:url value="/jquery/js/jquery-1.8.2.js"/>" type="text/javascript"> </script>
		<script src="<c:url value="/jquery/js/jquery-ui-1.9.1.custom.js"/>" type="text/javascript"> </script>
		
		<!-- javascripts da aplicacao -->
		<script src="<c:url value="/js/login/login.js"/>" type="text/javascript"> </script>
	
		<!-- Titulo -->
		<title><fmt:message key="label.title"/></title>
		
	</head>

	<body>
	
		<form action="j_security_check" id="formLoginID" method="post">
	
			<!-- cabecalho -->
			<info:informacoes isLogged="false"></info:informacoes>
			
				<!-- Fieldset encapsula todo conteudo de index. -->
				<fieldset id="fieldsetGlobalLoginContent">
					
					<!-- Fieldset especifico para campos de login. -->
					<fieldset id="fieldsetLoginContent">
					 	<legend><fmt:message key="label.login"/></legend>
				
						<label for="fieldUsuarioID"><fmt:message key="label.campo.usuario"/></label>
						<input type="text" id="textFieldsLogin" name="j_username"/>
						
						<label for="fieldSenhaID"><fmt:message key="label.campo.senha"/></label>
						<input type="password" id="textFieldsLogin" name="j_password"/>
						
						<!-- Mensagem caso usuario ou senha incorretos -->
						<p class="pWarning"><fmt:message key="label.login.ou.senha.incorretos"/></p>
						
						<input id="btnSubmitLogin" type="submit" value="<fmt:message key="label.login"/>"/>
						
						<a id="linkEsqueceuSenhaID" href="#"><fmt:message key="label.esqueceu.senha"/></a>
				 	</fieldset>		
				</fieldset>
		
			<!-- Footer -->
			<footer:footer></footer:footer>
		</form>
		
		<!-- DIV inicialmente invisivel que servira para recuperacao de senha. -->
		<div id="divEsqueceuSenhaID" style="display: none;" title="<fmt:message key="label.modal.title.esqueceusenha"/>">
				
			<label for="username"><fmt:message key="label.username"/></label>
	        <input type="text" name="username" id="textUsernameID" class="text ui-widget-content ui-corner-all"/>
		
			<p>
				<span id="msgEsqueceuSenhaID"></span>
			</p>
		</div>
	</body>
</html>
